$ico-size: 50px;
$line-size: 6px;

.container {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 0;
  overflow: hidden;

  &::after {
    position: absolute;
    display: block;
    content: '';
    left: 1.25 * $ico-size;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: $main-gray;
  }
}

.ico {
  width: $ico-size;
  height: $ico-size;
  margin-right: 0.25 * $ico-size;
  border-radius: 50%;
  background-color: $main-gray;
}

.content {
  flex: 1;
}

.infoBar {
  display: flex;
}

.typeName {
  color: $article-color;
}

.percent {
  margin: 0 10px;
  color: $font-gray;
}

.money {
  flex: 1;
  text-align: right;

  &.red {
    color: $main-red;
  }
  &.green {
    color: $main-green;
  }
}

.line {
  width: 0;
  height: $line-size;
  margin-top: 10px;
  border-radius: $line-size;
  background: linear-gradient(90deg, $main-yellow, $main-red);
  transition: all 0.25s;
}
